<template>
	<view class="details">
		<view class="details_title">这里是公约标题这里是公约标题这里是公约标题</view>
		<view class="details_notes">
			<text class="author">作者 路易十六</text>
			<text class="times">2020-01-01 16：16</text>
		</view>
		<image class="details_img" src="../../../static/me/default.png" mode=""></image>
		<view class="details_text">这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字
      区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这里是公约内容文字区域这</view>
	</view>
</template>

<script>
</script>

<style>
	.details_title{
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		opacity: 1;
		padding-top: 39rpx;
		text-align: center;
	}
	.author,.times{
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #CCCCCC;
		opacity: 1;
		text-align: center;
		padding-top: 21rpx;
		padding-left: 181rpx;
	}
	.times{
		padding-left: 36rpx;
	}
	.details_img{
		width: 699rpx;
		height: 380rpx;
		margin: auto;
		margin-top: 39rpx;
		display: block;
	}
	.details_text{
		width: 699rpx;
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #000000;
		opacity: 0.79;
		display: block;
		margin: auto;
		line-height: 39rpx;
		letter-spacing: 3rpx;
		text-indent: 54rpx;
	}
</style>
